// Copyright (c) 2016 Chef Software Inc. and/or applicable contributors
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

.hab-notifications {
  @include outer-container;
  position: fixed;
  right: rem(15);
  bottom: rem(15);
  min-width: rem(300);
  max-width: rem(420);
  z-index: 9999;

  li {
    @include dropdown-panel;
    border-left: 4px solid $light-gray;
    display: block;
    margin: $small-spacing 0;
    padding: $small-spacing;
    position: relative;

    h1 {
      font-size: rem(16);
    }

    small {
      color: $medium-gray;
      display: block;
      font-size: rem(12);
      padding-bottom: rem(10);
      text-transform: uppercase;
    }

    p {
      margin-bottom: rem(15);
    }

    a.dismiss {
      color: inherit;
      display: block;
      float: right;
      margin-top: -($small-spacing / 2);
    }

    &.danger {
      border-color: $notification-danger-color;
    }

    &.info {
      border-color: $notification-info-color;
    }

    &.success {
      border-color: $notification-success-color;
    }

    &.warning {
      border-color: $notification-warning-color;
    }
  }
}
